<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/buy_comm.css"/>
    <link rel="stylesheet" type="text/css" href="./css/my_collect.css">
    <title>有张客服</title>
    <style type="text/css">
    	.navigationBar.group-header{
    		background: #f94900 !important;
    	}
    	.my-service-top{
    		width: 100%;
    	}
    	.my-service-info{
    		padding: 20px;
    	}
    	.my-service-info h2{
    		font-size: 16px;height: 40px;line-height: 40px;color: #a6a6a6;
    	}
    	.my-service-info h2 img{
    		float: left;height: 40px;width: 40px;object-fit: cover;border-radius: 50%;margin-right: 10px;
    	}
    	.my-service-info div{
    		margin-left: 50px;background: #fff;border-radius: 20px;padding: 20px;box-shadow: 0 0 5px #ccc;
    		border-top-left-radius: 0;
    	}
    	.my-service-info div p{
    		font-size: 16px;color: #333;margin: 0 0 5px;
    	}
    	.my-service-info div p span{
    		color: #f94900;
    	}
    	.my-service-info a{
    		width: 60%;display: block;height: 45px;line-height: 45px;background: #f94900;margin: 30px auto;border-radius: 5px;
    		color: #fff;text-align: center;font-size: 20px;
    	}
    </style>
</head>

<body>
	<div class="header navigationBar group-header">
      	<div class="wrapper">
          	<span id="btn-back" class="header-btn left-btn backtrack"></span>
          	<span class="title">有张客服</span>
      	</div>
  	</div>
  	<div class="container top-container">
  		<div class="my-service-top">
  			<img src="../../../image/shop/buy/buy-102.png"/>
  		</div>
  		<div class="my-service-info">
  			<h2>
  				<img src="../../../image/shop/buy/buy-101.png"/>
  				有张客服
  			</h2>
  			<div>
  				<p>哈喽，我是有张客服机器人 ~ <br />很高兴为您服务！</p>
  				<p><span>如您在销售或购物过程中遇到了问题 <br />请提交订单号并详细描述问题</span></p>
  				<p>客服将尽快为您解决！</p>
  			</div>
  			<a href="JavaScript:void(0);" @click="onLineConsult">在线咨询</a>
  		</div>
  		<!--<div>
  			客服电话：020-xxx
  		</div>-->
  	</div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./js/myService.js"></script>
</html>
